import { theme } from "antd";
import { Header } from "antd/es/layout/layout";

const HeaderLayout = () => {
  const {
    token: { colorBgContainer },
  } = theme.useToken();
  return (
    <>
      <Header
        // 修改 className
        style={{ background: colorBgContainer }}
      >
        <div className="p-[10px] flex justify-between items-center h-16">
          <div className="text-lg font-semibold">Header</div>
          <div className="flex gap-4">
            <div>User Info</div>
            <div>Logout</div>
          </div>
        </div>
      </Header>
    </>
  );
};
export default HeaderLayout;
